<template>
  <el-dialog
    width="500px"
    :title="`${title}${this.$t('m.in.information')}`"
    :visible.sync="popupVisible"
    :before-close="close"
  >
    <!-- tool start -->
    <el-row algn="left">
      <el-col :span="24"
        >{{ title }}{{ $t("m.in.callbackResult") }}：{{
          detail.abstract
        }}</el-col
      >
      <el-col
        :span="24"
        v-for="(item, index) in detail.content"
        :key="index"
        algn="left"
      >
        {{ index + 1 }}：{{ item }}
      </el-col>
    </el-row>
    <!-- tool end -->
  </el-dialog>
</template>
<script>
export default {
  name:'order-tips-popup',
  props:['popupVisible', 'detail', 'title'],
  data(){
    return {

    }
  },
  mounted(){
    // console.log(this.detail.content)
  },
  methods:{
    close(){
      this.$emit('close')
    }
  }
}
</script>
<style lang="scss" scoped>
::v-deep .el-dialog {
  height: 700px;
}
::v-deep .el-dialog__body {
  padding: 20px;
  height: 600px;
  overflow-y: scroll;
}
.el-col {
  text-align: left;
  margin-bottom: 12px;
}
</style>